
<!DOCTYPE html>
<html>
<head>
    <title>Home</title>
    <link href="/Public/Home/css/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="/Public/Home/js/jquery.min.js"></script>
    <!-- Custom Theme files -->
    <!--theme-style-->
    <link href="/Public/Home/css/style.css" rel="stylesheet" type="text/css"  />  
    <!--//theme-style-->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="keywords" content="" />
    <script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>


    <script type="text/javascript">
        jQuery(document).ready(function($) {
            $(".scroll").click(function(event){     
                event.preventDefault();
                $('html,body').animate({scrollTop:$(this.hash).offset().top},1000);
            });
        });
    </script>
    <!--slider-script-->
    <script src="/Public/Home/js/responsiveslides.min.js"></script>
    <script>
        $(function () {
            $("#slider1").responsiveSlides({
                auto: true,
                speed: 500,
                namespace: "callbacks",
                pager: true,
            });
        });
    </script>
    <!--//slider-script-->
    <script>$(document).ready(function(c) {
        $('.alert-close').on('click', function(c){
            $('.message').fadeOut('slow', function(c){
                $('.message').remove();
            });
        });   
    });
</script>
<script>$(document).ready(function(c) {
    $('.alert-close1').on('click', function(c){
        $('.message1').fadeOut('slow', function(c){
            $('.message1').remove();
        });
    });   
});
</script>
</head>
<body>

    <div class="header">
        <div class="header-top">
            <div class="container"> 
                <div class="header-top-in">         
                    <div class="logo">
                        <a href="index.html"><img src="/Public/Home/images/logo.png" alt=" " ></a>
                    </div>
                    <div class="header-in">
                        <ul class="icon1 sub-icon1">
                            <li style="color:red;"><h1>方展的商城</h1></li>
                            <if condition="isset($_SESSION['onethink_home']['user_auth']['username'])">

                                <li style="font-Size:20px;margin-top:10;margin-left:10">{$_SESSION['onethink_home']['user_auth']['username']}</li>
                                <li><a href="{:U('User/logout')}">注销</a></li>
                                <else />
                                <li><a href="{:U('User/login')}">登录</a></li>
                                <li><a href="{:U('User/register')}">注册</a></li>
                            </if>

                            
                            <li><a href="{:U('Cart/index',array('id'=>$list[0]['id']))}">我的购物车</a></li>   
                            <li><div class="cart">
                                <a href="{:U('Cart/index',array('id'=>$list[0]['id']))}" class="cart-in"> </a>
                                <span>{$count}</span>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="clearfix"> </div>
            </div>
        </div>
    </div>
    <div class="header-bottom">
        <div class="container">
            <div class="h_menu4">
                <a class="toggleMenu" href="#">Menu</a>
                <ul class="nav">
                    <li class="active"><a href="index.html"><i> </i>主页</a></li>
                    <volist name="cate" id="v">
                        <li ><a href="#" >{$v.title}</a>
                            <ul class="drop">
                                <volist name="v['_']" id="vv">
                                    <li >{$vv.title}</li> 
                                    <ul class="drop">
                                        <volist name="vv['_']" id="vvv">
                                            <li><a href="{:U('cate',array('cid'=>$vvv['id']))}" >{$vvv.title}</a></li>
                                        </volist>
                                    </ul>  
                                </volist>
                            </ul>
                        </li>                       
                    </volist>

                </ul>
                <script type="text/javascript" src="/Public/Home/js/nav.js"></script>
            </div>
        </div>
    </div>
    <div class="header-bottom-in">
        <div class="container">
            <div class="header-bottom-on">
                <p class="wel"><a href="#">Welcome visitor you can login or create an account.</a></p>
               
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
<div class="banner-mat">
    <div class="container">
        <div class="banner">

            <!-- Slideshow 4 -->
            <div class="slider">
                <ul class="rslides" id="slider1">
                    <li><img src="/Public/Home/images/banner.jpg" alt="">
                    </li>
                    <li><img src="/Public/Home/images/banner1.jpg" alt="">
                    </li>
                    <li><img src="/Public/Home/images/banner.jpg" alt="">
                    </li>
                    <li><img src="/Public/Home/images/banner2.jpg" alt="">
                    </li>
                </ul>
            </div>

            <div class="banner-bottom">
                <div class="banner-matter">
                    <p>Childish Gambino - Camp Now Available for just $9.99</p> 
                    
                </div>

                <div class="clearfix"></div>
            </div>
        </div>              
        <!-- //slider-->
    </div>
</div>
<!---->
<div class="container">
    <div class="content">
        <div class="content-top">
            <h3 class="future">精选</h3>
            <div class="content-top-in">
                <volist name="list" id="v">
                    <div class="col-md-3 md-col">
                        <div class="col-md">
                            <a href="{:U('Detail/index',array('id'=>$v['id']))}">
                                <img style="height:150px;" src="{$v.pic}" alt="" />
                            </a>   
                            <div class="top-content">
                                <h5><a href="{:U('Detail/index',array('id'=>$v['id']))}">{$v.name}</a></h5>
                                <div class="white">
                                    <a href="{:U('Detail/index',array('id'=>$v['id']))}" class="hvr-shutter-in-vertical hvr-shutter-in-vertical2"> 详情</a>
                                    <p class="dollar">
                                        市场价：<span class="in-dollar">$</span><span class="dollar">{$v.tprice}</span></p>
                                        <p class="dollar">商城价：<span class="in-dollar">$</span><span class="dollar">{$v.mprice}</span>
                                        </p>
                                        <div class="clearfix"></div>
                                    </div>

                                </div>    
                            </div>
                        </div>
                    </volist>                          




                    <div class="clearfix"></div>
                </div>
            </div>
            <!---->
            <div class="content-middle">
                <h3 class="future">BRANDS</h3>
                <div class="content-middle-in">
                    <ul id="flexiselDemo1">         
                        <li><img src="/Public/Home/images/ap.png"/></li>
                        <li><img src="/Public/Home/images/ap1.png"/></li>
                        <li><img src="/Public/Home/images/ap2.png"/></li>
                        <li><img src="/Public/Home/images/ap3.png"/></li>

                    </ul>
                    <script type="text/javascript">
                        $(window).load(function() {
                            $("#flexiselDemo1").flexisel({
                                visibleItems: 4,
                                animationSpeed: 1000,
                                autoPlay: true,
                                autoPlaySpeed: 3000,            
                                pauseOnHover: true,
                                enableResponsiveBreakpoints: true,
                                responsiveBreakpoints: { 
                                    portrait: { 
                                        changePoint:480,
                                        visibleItems: 1
                                    }, 
                                    landscape: { 
                                        changePoint:640,
                                        visibleItems: 2
                                    },
                                    tablet: { 
                                        changePoint:768,
                                        visibleItems: 3
                                    }
                                }
                            });

                        });
                    </script>
                    <script type="text/javascript" src="/Public/Home/js/jquery.flexisel.js"></script>

                </div>
            </div>
            <!---->
            <div class="content-bottom">
                <h3 class="future">LATEST</h3>
                <div class="content-bottom-in">
                    <ul id="flexiselDemo2"> 
                        <volist name="list" id="v">
                            <li><div class="col-md men">
                                <a href="{:U('Detail/index',array('id'=>$v['id']))}" class="compare-in "><img style="height:150px;" src="{$v.pic}" alt="" />
                                    <div class="compare in-compare">

                                    </div></a>
                                    <div class="top-content bag">
                                        <h5><a href="{:U('Detail/index',array('id'=>$v['id']))}">{$v.name}</a></h5>
                                        <div class="white">
                                            <a href="{:U('Detail/index',array('id'=>$v['id']))}" class="hvr-shutter-in-vertical hvr-shutter-in-vertical2"> 详情</a>
                                            <p class="dollar"><span class="in-dollar">$</span><span>{$v.mprice}</span></p>
                                            <div class="clearfix"></div>
                                        </div>
                                    </div>                          
                                </div></li>  

                            </volist>



                        </ul>
                        <script>
                            $(window).load(function() {
                                $("#flexiselDemo2").flexisel({
                                    visibleItems: 4,
                                    animationSpeed: 1000,
                                    autoPlay: true,
                                    autoPlaySpeed: 3000,            
                                    pauseOnHover: true,
                                    enableResponsiveBreakpoints: true,
                                    responsiveBreakpoints: { 
                                        portrait: { 
                                            changePoint:480,
                                            visibleItems: 1
                                        }, 
                                        landscape: { 
                                            changePoint:640,
                                            visibleItems: 2
                                        },
                                        tablet: { 
                                            changePoint:768,
                                            visibleItems: 3
                                        }
                                    }
                                });

                            });
                        </script>
                    </div>
                </div>
                
            </div>
        </div>
        <!---->
        <div style="background-color:#dad8d8;width:100%;height:150px"> 
            <center> 
                <img style="margin-top:50px" src="/Public/Home/images/bottomState.jpg" alt="" />
            </center>
        </div>
    </body>
    </html>